.drawtool-content-root {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;

  * {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
  }

  .drawtool-canvas {
    position: absolute;
    left: 0;
    top: 0;
  }

  .drawtool-node {
    display: inline-block;
    position: absolute;
    cursor: move;
  }

  .drawtool-anchor {
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: solid 1px #4c3f3f;
    border-radius: 50%;
    cursor: pointer;
  }

  .drawtool-anchor:hover {
    background: #999;
  }

  .drawtool-operate {
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .drawtool-operate-btn {
    display: inline-block;
    line-height: 26px;
    font-size: 16px;
    width: 26px;
    height: 26px;
    background: #c8d9da;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
  }

  .drawtool-operate-btn i {
    display: block;
    width: 100%;
    height: 26px;
    background-position: center;
    background-size: 65%;
    background-repeat: no-repeat;
  }

  .drawtool-operate-delete i {
    background-image: url(img/delete.png);
  }

  .drawtool-operate-edit i {
    background-image: url(img/setting.png);
  }

  .drawtool-show {
    display: inline-block;
    z-index: 999999;
  }

  .drawtool-hide {
    display: none;
  }

  .drawtool-visibility-show {
    visibility: visible;
  }

  .drawtool-visibility-hide {
    visibility: hidden;
  }

  .drawtool-controller-li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    cursor: move;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #26b7d0;
  }
};



